/* ********************* 固定不变 ********************* */
.left{
  float: left;
}

.right{
  float: right;
}

.hide{
  display: none;
}

.show{
  display: block;
}

.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.textAlignL{
  text-align: left;
}

.textAlignC{
  text-align: center;
}

.textAlignR{
  text-align: right;
}

.clear:after{
  content: '';
  display: block;
  clear: both;
}

.clear{
  zoom:1;
}

//css - 移动端h5在iphonex的适配
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
  .footer{
    height: .76rem!important;
  }
}


/* ********************* 项目所需 ********************* */
.colorFFF{
  color: #FFF;
}

.mainMargin{
  font-size: .16rem;
}

.backImg{
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.backBgDCDCDC{
  background-color: #DCDCDC;
}

.backBgRed{
  background-color: red;
}

.backBgBlue{
  background-color: blue;
}

.margin{
    margin: 0 auto;
}

.marginT10{
  margin-top: 10px;
}

.marginB10{
  margin-bottom: 10px;
}

.wh100{
  width: 100px;
  height: 100px;
}

.wh100-70{
  width: 100px;
  height: 70px;
}

.wh100-80{
  width: 100px;
  height: 80px;
}

.wh100-90{
  width: 100px;
  height: 90px;
}

@keyframes backOpacity{
   0%   { opacity: 1 }
   25%  { opacity: .5 }
   50%  { opacity: 1 }
   75%  { opacity: .5 }
   100% { opacity: 1 }
}

.animation_opactiy{
    animation: backOpacity 2s ease-in-out infinite;
}

